<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>

<title>Epsilon 5.0</title>

<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/font-awesome.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body>
    
<div class="gallery-fix"></div>         <!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div>   <!-- Overlay for content to close Sidebar -->
<div class="sidebar-left-fix"></div>    <!-- The actual background of the Sidebar -->
<div class="sidebar-right-fix"></div>   <!-- The actual background of the Sidebar -->

<div class="header-fixed">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index2.html" class="header-logo">BOLT</a>
    <a href="#" class="header-icon-2 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>
    
<div class="sidebar-left">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-decoration"></div>
        <div class="sidebar-menu">
            <a class="menu-item" href="index2.html"><!-- active-item -->
                <i class="fa fa-home"></i>
                Homepage
                <i class="fa fa-circle"></i>
            </a>
            <div class="has-submenu">
                <a class="menu-item open-submenu active-item" href="#"><!-- active-item -->
                    <i class="fa fa-cog"></i>
                    Features
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu active-submenu"><!--active-submenu-->
                    <a class="menu-item" href="features-typography.html">
                        <i class="fa fa-angle-right"></i>
                        Typography
                        <i class="fa fa-circle"></i>  
                    </a>                              
                    <a class="menu-item" href="features-tabs.html">
                        <i class="fa fa-angle-right"></i>
                         Tabs
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="features-toggles.html">
                        <i class="fa fa-angle-right"></i>
                         Toggles
                        <i class="fa fa-circle"></i>                        
                    </a>                           
                    <a class="menu-item active-item" href="features-accordion.html">
                        <i class="fa fa-angle-right"></i>
                        Accordions
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="features-notifications.html">
                        <i class="fa fa-angle-right"></i>
                        Notifications
                        <i class="fa fa-circle"></i>                        
                    </a>                                               
                    <a class="menu-item" href="features-charts.html">
                        <i class="fa fa-angle-right"></i>
                        Charts & Stats
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="features-buttons.html">
                        <i class="fa fa-angle-right"></i>
                        Buttons & Icons
                        <i class="fa fa-circle"></i>  
                    </a>                        
                    <a class="menu-item" href="features-others.html">
                        <i class="fa fa-angle-right"></i>
                        Other Features
                        <i class="fa fa-circle"></i>                        
                    </a>
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-camera"></i>
                    Galleries
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="gallery-round.html">
                        <i class="fa fa-angle-right"></i>
                        Rounded
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="gallery-square.html">
                        <i class="fa fa-angle-right"></i>
                        Squared
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="gallery-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                        Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-masonry.html">
                        <i class="fa fa-angle-right"></i>
                         Masonry
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-image"></i>
                    Portfolios
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="portfolio-one.html">
                        <i class="fa fa-angle-right"></i>
                        One Item
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="portfolio-two.html">
                        <i class="fa fa-angle-right"></i>
                        Two Items
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="portfolio-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                         Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-widescreen.html">
                        <i class="fa fa-angle-right"></i>
                        Widescreen
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-file-o"></i>
                    Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-activity.html">
                        <i class="fa fa-angle-right"></i>
                        Activity
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="page-error.html">
                        <i class="fa fa-angle-right"></i>
                        Error Page
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="page-soon.html">
                        <i class="fa fa-angle-right"></i>
                        Soon Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-profile.html">
                        <i class="fa fa-angle-right"></i>
                         Profile Page
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="page-login.html">
                        <i class="fa fa-angle-right"></i>
                        Log In Page
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="page-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="page-userlist.html">
                        <i class="fa fa-angle-right"></i>
                        Userlist Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-reviews.html">
                        <i class="fa fa-angle-right"></i>
                        User Reviews
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>                 
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-mobile"></i>
                    App Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="pageapp-chat.html">
                        <i class="fa fa-angle-right"></i>
                        Chat
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="pageapp-login.html">
                        <i class="fa fa-angle-right"></i>
                         Log In
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up
                        <i class="fa fa-circle"></i>                        
                    </a>       
                    <a class="menu-item" href="pageapp-calendar.html">
                        <i class="fa fa-angle-right"></i>
                        Calendar
                        <i class="fa fa-circle"></i>                        
                    </a>  
                    <a class="menu-item" href="pageapp-timeline.html">
                        <i class="fa fa-angle-right"></i>
                         Timeline
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="pageapp-tasklist.html">
                        <i class="fa fa-angle-right"></i>
                        Tasklist
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-checklist.html">
                        <i class="fa fa-angle-right"></i>
                        Checklist
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="pageapp-reminders.html">
                        <i class="fa fa-angle-right"></i>
                        Reminders
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="pageapp-coverpage.html">
                        <i class="fa fa-angle-right"></i>
                        Coverpage
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                   
                </div>
            </div>                  
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-shopping-cart"></i>
                    Store
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="store-front.html">
                        <i class="fa fa-angle-right"></i>
                        Storefront
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="store-product-list.html">
                        <i class="fa fa-angle-right"></i>
                        Product List
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="store-product-page.html">
                        <i class="fa fa-angle-right"></i>
                        Product Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                         
                    <a class="menu-item" href="store-checkout.html">
                        <i class="fa fa-angle-right"></i>
                        Checkout Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="store-history.html">
                        <i class="fa fa-angle-right"></i>
                         Purchase History
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                   
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-newspaper-o"></i>
                    News
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="news-front.html">
                        <i class="fa fa-angle-right"></i>
                        News Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="news-article.html">
                        <i class="fa fa-angle-right"></i>
                        News Article
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="news-article-list.html">
                        <i class="fa fa-angle-right"></i>
                        News Article List
                        <i class="fa fa-circle"></i>                        
                    </a>                             
                    <a class="menu-item" href="news-article-archive.html">
                        <i class="fa fa-angle-right"></i>
                        News Article Archive
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                
                </div>
            </div>             
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-pencil"></i>
                    Blog
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-blog.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="page-blog-post.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Post
                        <i class="fa fa-circle"></i>  
                    </a>                                                                                                                  
                </div>
            </div> 
            <a class="menu-item" href="page-videos.html">
                <i class="fa fa-youtube-play"></i>
                Videos
                <i class="fa fa-circle"></i>
            </a>   
            <a class="menu-item" href="page-sitemap.html">
                <i class="fa fa-navicon"></i>
                Sitemap
                <i class="fa fa-circle"></i>
            </a>                         
            <a class="menu-item" href="contact.html">
                <i class="fa fa-envelope-o"></i>
                Contact
                <i class="fa fa-circle"></i>
            </a>               
            <a class="close-sidebar menu-item" href="#">
                <i class="fa fa-times"></i>
                Close
                <i class="color-red-dark fa fa-circle"></i>
            </a>                
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>
      
<div class="sidebar-right">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-divider">
            Let's get social
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-facebook"></i>
                Facebook
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-twitter"></i>
                Twitter
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-google-plus"></i>
                Google 
                <i class="fa fa-circle"></i>                        
            </a>   
        </div>
        <div class="sidebar-divider">
            GET IN TOUCH
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-phone"></i>
                Call Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-fax"></i>
                Fax Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-envelope-o"></i>
                Mail Us 
                <i class="fa fa-circle"></i>                        
            </a>            
        </div>
        <div class="sidebar-divider">
            SEND US A MESSAGE
        </div>
        <div class="sidebar-form contact-form no-bottom">
            <div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
                Awesome! We'll get back to you!
            </div>
            <form action="php/contact.php" method="post" class="contactForm" id="contactForm">
                <fieldset>
                    <div class="formValidationError" id="contactNameFieldError">Name is required!</div>             
                    <div class="formValidationError" id="contactEmailFieldError">Mail address required!</div> 
                    <div class="formValidationError" id="contactEmailFieldError2">Mail address must be valid!</div> 
                    <div class="formValidationError" id="contactMessageTextareaError">Message field is empty!</div>   
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" type="text" name="contactNameField" value="Name" class="contactField requiredField" id="contactNameField"/>
                    </div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Email') this.value = ''" onblur="if (this.value=='') this.value = 'Email'" type="text" name="contactEmailField" value="Email" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
                    </div>
                    <div class="formTextareaWrap">
                        <textarea onfocus="if (this.value=='Message') this.value = ''" onblur="if (this.value=='') this.value = 'Message'" name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea">Message</textarea>
                    </div>
                    <div class="formSubmitButtonErrorsWrap">
                        <input type="submit" class="buttonWrap button button-green contactSubmitButton no-bottom" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
                    </div>
                </fieldset>
            </form>       
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>

<div id="page-content"><!--Add sidebar-move to move with body-->
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->
        <div class="header-mask">
            <a href="#"><i class="fa fa-times"></i></a>
            <a href="#"><i class="fa fa-bolt"></i></a>
            <a href="#"><i class="fa fa-times"></i></a>
            <div class="clear"></div>
        </div>
        
        <div class="content-strip">
            <div class="strip-content">
                <h4>Accordions</h4>
                <p>Jump the content up and down!</p>
                <i class="fa fa-sliders"></i>
            </div>
            <div class="overlay"></div>
            <img class="preload-image" data-original="images/pictures/4.jpg" alt="img">
        </div>
        
        <div class="content">
            <div class="decoration"></div>

            <div class="container">
                <h4>Content? No problem!</h4>
                <p>
                    We setup a small example of their awesome functionality, but you can add even more objects inside them, such as buttons
                    text fields, inputs, videos, buttons, images, highlights, dropcaps, and everything else your heart desires!
                </p>
            </div>
            
            <div class="decoration"></div>
            
            <div class="container">
                <div class="accordion">
                    <div class="one-half-responsive">
                        <h6 class="accordion-toggle">
                            Accordion Image
                            <i class="fa fa-angle-down"></i><!--add rotate-180 to this to turn the arrow-->
                        </h6>
                        <!-- Add the extra class active-accordion to any accordion-content to make it active by default -->
                        <div class="accordion-content">
                            <img src="images/pictures/1.jpg" alt="img" class="responsive-image full-bottom">
                            <p>
                                Your account can use most kinds of content, including images, buttons and more awesome stuff!

                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            </p>
                        </div>                        
                        <h6 class="accordion-toggle">
                            Accordion Text
                            <i class="fa fa-angle-down"></i><!--add rotate-180 to this to turn the arrow-->
                        </h6>
                        <!-- Add the extra class active-accordion to any accordion-content to make it active by default -->
                        <div class="accordion-content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut scelerisque ex auctor magna convallis malesuada. Etiam congue neque vitae elit condimentum consectetur. Suspendisse potenti. Maecenas blandit turpis nec tortor porta, nec imperdiet ex varius. Quisque semper molestie urna, vitae consequat dui feugiat nec. Donec dapibus eros felis, quis hendrerit ante pharetra vitae. Etiam nec purus sit amet purus volutpat scelerisque. Donec et imperdiet odio. Maecenas rutrum iaculis mi, sed luctus purus dignissim lobortis.
                            </p>
                        </div>
                    </div>
                    <div class="one-half-responsive last-column">
                        <h6 class="accordion-toggle">
                            Accordion Video
                            <i class="fa fa-angle-down"></i>
                        </h6>
                        <div class="accordion-content">
                            <iframe class="responsive-video" src="https://www.youtube.com/embed/nrJtHemSPW4"></iframe>
                            <h5>Accordion Video?</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            </p>
                        </div>
                        <h6 class="accordion-toggle">
                            Accordion Headings
                            <i class="fa fa-angle-down"></i><!--add rotate-180 to this to turn the arrow-->
                        </h6>
                        <!-- Add the extra class active-accordion to any accordion-content to make it active by default -->
                        <div class="accordion-content">
                            <div style="height:20px;"></div>
                            <h1>Heading 1</h1>
                            <h2>Heading 2</h2>
                            <h3>Heading 3</h3>
                            <h4>Heading 4</h4>
                            <h5>Heading 5</h5>
                            <h6>Heading 6</h6>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>

            <div class="decoration"></div>
        </div>
        
        <div class="footer">
            <div class="footer-content">
                <h3 class="footer-logo">BOLT</h3>
                <p class="footer-text">
                    We aim to simplify your life by creating a beautiful and simple product that's feature rich and easy to use!
                </p>
            </div>
            <div class="footer-socials">
                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                <a href="#" class="scale-hover google-color"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                <a href="#" class="scale-hover bg-night-dark back-to-top"><i class="fa fa-angle-up"></i></a>
                <div class="clear"></div>
            </div>
            <div class="footer-decoration"></div>
            <p class="footer-strip">Copyright <span id="copyright-year"></span> Enabled. All Rights Reserved</p>
        </div>
    </div>
    <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
</div>



<div class="body-background"></div>
</body>










